<template>
  <div class="table">
    <div class="table-header table-row">
      <div class="table-col">Contact</div>
      <div class="table-col">info</div>
    </div>
    <div>
      <contact-list-item v-for="contact in contacts" :contact="contact" @click="doSomething" :key="contact.id">
        <slot :contact="contact"></slot>
      </contact-list-item>
    </div>
  </div>
</template>
<script setup>
import ContactListItem from './ContactListItem.vue';
defineProps({
  contacts: Array
});

const doSomething = () => {
  console.log('do something')
}
</script>